<!--公共头部-->
{template 'aitimt/common/header'}
<style>
	.mui-input-row{overflow: unset;}
	.mui-search input[type=search] {background-color: #EFEFEF;width: 80%;border-radius: 3.125rem;border: 1px #eee solid;height: 2.5625rem;}
	.top-slider{margin-top:10% ;overflow: unset;}
	.top-slider .mui-slider-group .mui-slider-item img{width: 100%;min-height: 150px;max-height: 150px;}
	.mui-indicator .mui-active{background-color:#000000;}
	.mui-icon-clear{display: none}
	.mui-search .mui-placeholder{color: #595757;line-height: 2.5rem;font-size: 0.9375rem;width: 45%;}
	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #585858;border-bottom: 0;}
	.mui-bar-tab .mui-tab-item.mui-active{color: #ea4609;}
	.mui-bar-nav~.mui-content{margin-bottom: 10%;margin-top: 5%;}
	.mui-table-view .mui-media-object{max-width: 40%;}
	.mui-content{background-color: #FFFFFF;}
	.addtime{padding-top: 0.625rem;font-size: 0.625rem;}
	.grade-search{top: 30%;width: 100%;height: 30rem;}
	.grade-search img{width: 45%;margin: 5% 28%;}
	.mui-input-row .mui-btn{background-color: #a4a4a4;float: none;border-radius: 1.125rem;color: #fff;padding: 0;height: 2.5rem;}
	.mui-slider-indicator.mui-segmented-control .mui-control-item {padding: 1px;color: #585858;}
	.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom:3px solid #e94709 ;color: #585858;}
	.mui-table-view-cell:after{height: 0;}
	.event-message{background-color: #efefef;padding-top:5% ;padding-left: 5%;}
	.event-message p{color: #595757;font-weight: 600;}
</style>
	<!-- 公共头部start -->
	<header class="mui-bar mui-bar-nav">
		<a class="top-return mui-action-back"><img src="{$aideUrl}app/resource/aitimt/images/return.png" ></a>
		<a class="top-logo"><img src="{$aideUrl}app/resource/aitimt/images/logo.png" ></a>
		<!--公共菜单start -->
		{template 'aitimt/common/menu'}
		<!-- 公共菜单end-->
	</header>
		<div class="mui-slider top-slider">
		  <div class="mui-slider-group mui-slider-loop">
		    <!-- 支持循环，需要重复图片节点 -->
			<div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{$aideUrl}app/resource/aitimt/images/introduction.png" /></a></div>
		    <div class="mui-slider-item"><a href="#"><img src="{$aideUrl}app/resource/aitimt/images/cooper.png" /></a></div>
			<div class="mui-slider-item"><a href="#"><img src="{$aideUrl}app/resource/aitimt/images/recruit.png" /></a></div>
			<div class="mui-slider-item"><a href="#"><img src="{$aideUrl}app/resource/aitimt/images/introduction.png" /></a></div>
		    <!-- 支持循环，需要重复图片节点 -->
		    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{$aideUrl}app/resource/aitimt/images/cooper.png" /></a></div>
		  </div>
		</div>
		<div class="grade-search">
			<div class="event-message">
				<p>赛事:{$message['name']}</p>
				<p>日期:{$message['time']}</p>
			</div>
			<div style="height: 3rem;">
				<div class="mui-input-row mui-search" style="margin-left: 5%;margin-top: 5%;">
						<input type="search" name="raceNum" class="mui-input-clear" placeholder="请输入参赛号码">
						<button type="button" class="mui-btn" style="width: 15%;" onclick="search()">查询</button>
				</div>
			</div>
				<img src="{$aideUrl}app/resource/aitimt/images/grade.png" >
		</div>
			<!-- 公共底部start -->
			{template 'aitimt/common/nav'}
			<!-- 公共底部end -->
		<script type="text/javascript">
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		var slider = mui(".mui-slider");
				slider.slider({
					interval: 5000
				});
		function search() {
            var raceNum = $("input[name='raceNum']").val();
            var raceid = {$message['raceid']};
            console.log(raceid);
            var url='{$url2}';
            if($.isEmptyObject(raceNum) == true){
                mui.toast("请输入参赛号码!");
                return false;
            }
            $.post("{php echo app_url('home/index/gradesearch')}", {raceid:raceid,raceNum:raceNum,url:url}, function(data){
                console.log(data);
                if (data.errno==0){
                    mui.toast('查询成功,正在为您跳转');
                    setTimeout(function(){
                        location.href = "{php echo app_url('home/index/grademess')}&raceid="+raceid+"&raceNum="+raceNum+"&url="+url+"";
                    },1000);
                } else {
                    mui.toast('当前活动未查询到此号码信息');
                }
            },"json");
		}
        $(' input').focus(function(){
            $('.mui-bar-tab').css('height','0');
        })
        $(' input').blur(function(){
            $('.mui-bar-tab').css('height','44px');
        })
		</script>

	</body>

</html>
